<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>列表展示</title>
        <style>
            ul.a{
                list-style-type: circle;
            }
            ul.b{
                list-style-type: square;
            }
            ol.c{
                list-style-type: upper-roman;
            }
            ol.d{
                list-style-type: lower-alpha;
            }
            ul.e{
                list-style-image: url("imgs/resou.png");
            }
        </style>
    </head>
    <body>
        <p>无序列表</p>
        <ul class="a">
            <li>coffee</li>
            <li>tea</li>
            <li>cola</li>
        </ul>
        <ul class="b">
            <li>coffee</li>
            <li>tea</li>
            <li>cola</li>
        </ul>
        <ul class="e">
            <li>coffee</li>
            <li>tea</li>
            <li>cola</li>
        </ul>
        
        <p>有序列表</p>
        <ol class="c">
            <li>coffee</li>
            <li>tea</li>
            <li>cola</li>
        </ol>
        <ol class="d">
            <li>coffee</li>
            <li>tea</li>
            <li>cola</li>
        </ol>


    </body>
</html>